document.querySelector("#checkField").addEventListener("input", function (e) {
  var inp = event.target;
  var inps = this.querySelectorAll("input");
  var value = Array.prototype.map.call(inps, (x) => x.value).join("");
  var i = +inp.dataset.start + inp.selectionStart,
    pos = value.length;

  for (var q = 0; q < inps.length; ++q) {
    var start = +inps[q].dataset.start,
      len = +inps[q].dataset.len;
    inps[q].value = value.substr(start, len);

    if (start + len >= i) {
      inp = inps[q];
      pos = i - start;
      i = NaN;
    }
  }

  inp.focus();
  inp.selectionStart = inp.selectionEnd = pos;
});

function timerCountDown() {
  let time = 60;
  setInterval(() => {
    let timedown = document.getElementById("countdown");

    if (time <= 0) {
      timedown.textContent = "";
      checkCode.removeAttribute("disabled");
    } else {
      timedown.textContent = time--;
    }
  }, 1000);
}

const sendCheckCodeButton = document.getElementById("sendCode");

window.onload = () => {
  timerCountDown();
};

function checkCodeValid() {
  // проверка проверочного кода
  // получаем данные из полей ввода
  const checkInput1 = document.getElementById("checkInput1").value;
  const checkInput2 = document.getElementById("checkInput2").value;
  const checkInput3 = document.getElementById("checkInput3").value;
  const checkInput4 = document.getElementById("checkInput4").value;

  let chIn1 = 1;
  let chIn2 = 2;
  let chIn3 = 3; // в эти переменные получим из кода который отправили
  let chIn4 = 4;

  if (
    checkInput1 == chIn1 &&
    checkInput2 == chIn2 &&
    checkInput3 == chIn3 &&
    checkInput4 == chIn4
  ) {
    return true;
  } else {
    return false;
  }
}

const sendForm = document.getElementById("confirm");

sendForm.addEventListener("click", (e) => {
  e.preventDefault();
  if (checkCodeValid()) {
    alert("Тут будет переход на главную страницу ЛК");
    form.submit();
  } else {
    alert("Неверный код");
  }
});